---
import Tbody from "./components/Tbody.astro";
import Thead from "./components/Thead.astro";
import { getAdvancements } from "./utils/getAdvancement";

export interface Props {
  names: string[];
}

const { names } = Astro.props;

const res = await getAdvancements(names);
---

<table class="!mt-4">
  <Thead />
  <Tbody advancements={res} />
</table>
